<template>
  <div class="demo">
    <div class="demo-title">多选</div>
    <div class="demo-content">
      <Select
        v-model:value="value"
        mode="multiple"
        style="width: 100%"
        placeholder="Please select"
        :options="[...Array(25)].map((_, i) => ({ value: (i + 10).toString(36) + (i + 1) }))"
        @change="handleChange"
      />
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Select from '@sscd/select';
  const value = ref(['a1', 'b2']);
  const handleChange = (val) => console.log(`selected ${val}`);
</script>
